<div class="project-manager">
  <div class="item">
    <div class="name">项目名称</div>
    <div>
      <input nz-input placeholder="project name" [(ngModel)]="keywords" />
    </div>
  </div>
  <div class="item">
    <div class="name">开发平台</div>
    <div>
      <input
        nz-input
        placeholder="Arduino uno r4 wifi"
        [(ngModel)]="platform"
      />
    </div>
  </div>
  <div class="lib-manager">
    <div class="item">
      <div class="name">库管理</div>
      <div>
        <input
          nz-input
          placeholder="Arduino uno r4 wifi"
          [(ngModel)]="libraries"
        />
      </div>
    </div>
    <div>
      <div class="tags">
        @for (color of presetColors; track color) {
          <nz-tag [nzColor]="color">{{ color }}</nz-tag>
        }
      </div>
    </div>
    <div class="lib-list">
      @for (v of dataList; track v.package?.name) {
        <div class="lib">
          <div>
            <div>{{ v.package?.name }}</div>
            <div>{{ v.package?.author?.name }}</div>
          </div>
          <div class="desc">{{ v.package?.description }}</div>
          <div>
            <!-- <nz-select>
                        <nz-option nzValue="1.0.1" nzLabel="1.0.1"></nz-option>
                        <nz-option nzValue="0.0.1" nzLabel="0.0.1"></nz-option>
                    </nz-select> -->
            <div>
              <button nz-button nzType="primary" nzSize="small">安装</button>
              <button nz-button nzType="primary" nzDanger nzSize="small">
                移除
              </button>
            </div>
          </div>
        </div>
      }
    </div>
    <nz-pagination
      [(nzPageIndex)]="page"
      [(nzPageSize)]="perPage"
      [nzTotal]="total"
      [nzHideOnSinglePage]="true"
      (nzPageIndexChange)="getSearch()"
    ></nz-pagination>
  </div>
</div>
